<template>
    <div class="form-item">
        <label v-if="label">{{label}}</label>
        <div class="form-ele"></div>
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name:'my-form-item',
        props: {
            label: String
        }
    }
</script>

<style lang="scss" scoped>
.form-item {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #a0a0a0;
  background: #fff;
  line-height: 100px;
  min-height: 100px;
  &:last-child{
      &::after{
          display: none;
      }
  }
  label {
     width: 160px;
    height: 100px;
    font-size: 28px; 
    padding: 0 20px;
    color:#666;
  }
  .form-ele {
    flex: 1;
  }
}
</style>